<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>LayaBox首页</title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="../css/index.css"/>
		<link rel="stylesheet" type="text/css" href="../css/same.css"/>
		<link rel="stylesheet" type="text/css" href="../css/animate.css"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="../js/wow.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/fontSize.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="web">
			<!--头部-->
			<header>
				<!--引入bootstrap插件-->
				<nav class="navbar navbar-default">
					<div class="container">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
						        <span class="sr-only">Toggle navigation</span>
						        <span class="icon-bar"></span>
						        <span class="icon-bar"></span>
						        <span class="icon-bar"></span>
						    </button>
							<a class="navbar-brand" href="#">
								<img src="../images/logo.png" /> 
							</a>
						</div>
						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav">
								<li>
									<a href="index.html">首页 <span class="sr-only">(current)</span></a>
								</li>
								<li>
									<a href="family.html">Laya家族</a>
								</li>
								<li>
									<a href="games.html">游戏</a>
								</li>
								<li>
									<a href="news.html">新闻动态</a>
								</li>
								<li>
									<a href="#">开发者中心</a>
								</li>
								<li>
									<a href="#">开发者社区</a>
								</li>
								<li>
									<a href="#">开放平台</a>
								</li>
								<li>
									<a href="aboutus.html">关于我们</a>
								</li>
							</ul>
							<ul class="nav navbar-nav navbar-right">
								<li class="dropdown bot_top_color">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">语言<span class="caret"></span></a>
									<ul class="dropdown-menu">
										<li>
											<a href="#">中文</a>
										</li>
										<li>
											<a href="#">English</a>
										</li>
									</ul>
								</li>
							</ul>
						</div>
						<!-- /.navbar-collapse -->
					<!-- /.container-->
					</div>
				</nav>
			</header>
			<section>
				<div class="content">
					<div class="lunbotu wow slideInLeft">
						<img src="../images/index_07.png" />
					</div>
					<div class="yinqing wow slideInLeft">
						<div class="container">
							<div class="row">
								<!--图片和介绍分开为两个大格子，左边格子嵌套表格-->
								<!--内容区图文分开，就不会出现文字高过图片会包裹-->
								<!--4个模式的兼容。-->
								<div class="col-md-8 col-lg-8 col-xs-12 col-sm-12 yq_info">
									<div class="col-md-12 col-lg-12 col-xs-12 col-sm-12 tit1">
										LayaFlash 引擎
									</div>
									<div class="col-md-12 col-lg-12 col-xs-12 col-sm-12 tit2">
										让Flash技术变成开发HTML5产品的利器
									</div>
									<div class="clear"></div>
									<!--为了让结构容易找到。清的浮动-->
									<!--md6--row--n+(12-n)-->
									<div class="row par_row">
									<!--第一行row，防止第二行顶上来-->
										<div class="col-md-6 col-lg-6 col-xs-12 col-sm-12">
											<div class="row">
											<!--md行内row，防止同行md顶上来-->
												<div class="col-md-3 col-lg-3 col-xs-2 col-sm-2 ">
											  		<img src="../images/index_14.png" />
												</div>
												<div class="col-md-9 col-lg-9 col-xs-10 col-sm-10 ">
												  	<label>快速Flash产品转换</label><br />
												  	<span class="wow slideInDown">Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏</span>
												</div>
											</div>
										</div>
										<div class="col-md-6 col-lg-6 col-xs-12 col-sm-12">
											<div class="row">
												<div class="col-md-3 col-lg-3 col-xs-2 col-sm-2 ">
												  	<img src="../images/index_16.png" />
												</div>
												<div class="col-md-9 col-lg-9 col-xs-10 col-sm-10 ">
												  	<label>LayaFlash IDE</label><br />
												  	<span>支持代码编译、调试、压缩与混淆加密、资源转换、在线文档等功能</span>
												</div>
											</div>
										</div>
									</div>
									<div class="row par_row">
										<div class="col-md-6 col-lg-6 col-xs-12 col-sm-12">
											<div class="row">
												<div class="col-md-3 col-lg-3 col-xs-2 col-sm-2">
												  	<img src="../images/index_20.png" />
												</div>
												<div class="col-md-9 col-lg-9 col-xs-10 col-sm-10">
												  	<label>HTML5零学习成本</label><br />
												  	<span>AS3开发者可直接使用Flash开源框架和工具链进行开发HTML5</span>
											  	</div>
											</div>
										</div>
										<div class="col-md-6 col-lg-6 col-xs-12 col-sm-12">
											<div class="row">
											  	<div class="col-md-3 col-lg-3 col-xs-2 col-sm-2">
												  	<img src="../images/index_21.png" />
											  	</div>
											  	<div class="col-md-9 col-lg-9 col-xs-10 col-sm-10">
												  	<label>性能媲美APP</label><br />
												  	<span>LayaFlash引擎的重度游戏已运行于QQ空间等平台，性能媲美APP</span>
										  		</div>
										  	</div>
								  		</div>
								  	</div>
								</div>
								<div class="col-md-4 col-lg-4 col-sm-8 col-xs-8 yq_img">
									<img src="../images/index_11.png"/>
								</div>
							</div>
						</div>
					</div>
					<div class="youshi wow slideInRight">
						<div class="container">
							<div class="row">
								<div class="col-md-5 col-lg-5 col-sm-12 col-xs-12 ys-img">
									<img src="../images/index_26.png" />
								</div>
								<div class="col-md-7">
									<div class="col-md-12">Layabox 优势</div>
									<div class="col-md-12">
									  	<img src="../images/index_29.png"/> 
									  	<span>快速上手，Flash程序员3小时掌握HTML5开发</span>
									</div>
									<div class="col-md-12">
									  	<img src="../images/index_32.png"/> 
									  	<span>4年优化打磨，LayaPlayer运行器性能媲美APP</span>
								  	</div>
								  	<div class="col-md-12">
									  	<img src="../images/index_34.png"/> 
									  	<span>超5亿的LayaPlayer移动设备安装量帮助CP发行</span>
								  	</div>
								  	<div class="col-md-12">
									  	<img src="../images/index_36.png"/> 
									  	<span>使用LayaFlash开发大型HTML5游戏的企业超100家</span>
								  	</div>
								</div>
							</div>
						</div>
					</div>
					<div class="chanpinjiazu wow slideInRight">
						<div class="container">
							<div class="row cp_tit">
							  <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">Layabox产品家族</div>
							</div>
							<div class="row">
							  	<div class="col-md-2 col-lg-2 col-sm-2 col-xs-2">
								  	<img src="../images/index_40.png" />
								</div>
								<div class="col-md-4 col-lg-4 col-sm-10 col-xs-10">
								  	<div class="imgr-txt">
								  		<label>LayaAir</label><br />
								  		<span>核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。</span>
								  	</div>
								</div>
							   	<div class="col-md-2 col-lg-2 col-sm-2 col-xs-2">
							  		<img src="../images/index_43.png" />
							  	</div>
							  	<div class="col-md-4 col-lg-4 col-sm-10 col-xs-10">
							  		<div class="imgr-txt">
							  			<label>LayaPublish</label><br />
							  			<span>Layabox发行业务，通过在H5产业链中的技术桥梁优势，帮助CP获得流量支持。</span>
							  		</div>
							 	</div>
							</div>
						 	<div class="row">
							 	<div class="col-md-2 col-lg-2 col-sm-2 col-xs-2">
							  		<img src="../images/index_50.png" />
							  </div>
							  <div class="col-md-4 col-lg-4 col-sm-10 col-xs-10">
							  		<div class="imgr-txt">
							  			<label>LayaFlash</label><br />
							  			<span>使用Flash AS3语言开发H5的引擎框架，可直接在FB或FD中开发、调试、编译H5，也可快速将Flash页游\手游转换成H5游戏。</span>
							  		</div>
							 	</div>
							 	<div class="col-md-2 col-lg-2 col-sm-2 col-xs-2">
							  		<img src="../images/index_48.png" />
							  </div>
							  <div class="col-md-4 col-lg-4 col-sm-10 col-xs-10">
							  		<div class="imgr-txt">
							  			<label>LayaStore</label><br />
							  			<span>嵌入式HTML5商城，APP只需嵌入20K的SDK即可以获得托管式HTML5商店服务，进入流量获利新时代。</span>
							  		</div>
							 	</div>
							</div>
							<div class="row">
							 	<div class="col-md-2 col-lg-2 col-sm-2 col-xs-2">
							  		<img src="../images/index_53.png" />
							  	</div>
							  	<div class="col-md-4 col-lg-4 col-sm-10 col-xs-10">
							  		<div class="imgr-txt">
							  			<label>LayaPlayer</label><br />
							  			<span>HTML5高速运行器，性能卓越、支持大型HTML5游戏流畅运行，目前已植入QQ、百度等20多家主流平台，安装量超5亿。</span>
							  		</div>
							 	</div>
							 	<div class="col-md-2 col-lg-2 col-sm-2 col-xs-2">
							  		<img src="../images/index_55.png" />
							  	</div>
							  	<div class="col-md-4 col-lg-4 col-sm-10 col-xs-10">
							  		<div class="imgr-txt">
							  			<label>LayaOpen</label><br />
							  			<span>Layabox开放平台，整合了Laya提供的各项运营，管理服务的服务，提供给游戏提供商和互联网渠道的统一开放平台。</span>
							  		</div>
							 	</div>
							</div>
						</div>
					</div>
					<div class="youxilizi wow slideInRight">
						<div class="container">
							<div class="row lz_tit">
							  	<div class="col-md-11 col-lg-11 col-sm-9 col-xs-9">
							  		<span>采用Layabox引擎的精彩游戏</span>
							  	</div>
							  	<div class="col-md-1 col-lg-1 col-sm-3 col-xs-3">
							  		<label>更多</label>
							  	</div>
							</div>
							<div class="row lz_cont">
							  	<div class="col-md-5 col-lg-5 col-sm-12 col-xs-12">
							  		<img src="../images/index_60.png"/>
							  	</div>
							  	<div class="col-md-7 col-lg-7 col-sm-12 col-xs-12">
							  		<div class="row">
							  			<div class="col-md-2 col-lg-2 col-sm-4 col-xs-4">
									  		<div class="youxigeli">
								  				<img src="../images/index_63.png" />
								  				<p>猎刃2</p>
							  				</div>
							  			</div>
							  			<div class="col-md-2 col-lg-2 col-sm-4 col-xs-4">
							  				<div class="youxigeli">
								  				<img src="../images/index_65.png" />
								  				<p>上吧主公</p>
							  				</div>
							  			</div>
							  			<div class="col-md-2 col-lg-2 col-sm-4 col-xs-4">
							  				<div class="youxigeli">
								  				<img src="../images/index_67.png" />
								  				<p>醉西游</p>
							  				</div>
							  			</div>
							  			<div class="col-md-2 col-lg-2 col-sm-4 col-xs-4">
							  				<div class="youxigeli">
								  				<img src="../images/index_69.png" />
								  				<p>魔卡幻想</p>
							  				</div>
							  			</div>
							  			<div class="col-md-2 col-lg-2 col-sm-4 col-xs-4">
							  				<div class="youxigeli">
								  				<img src="../images/index_71.png" />
								  				<p>超能战队</p>
							  				</div>
							  			</div>
							  			<div class="col-md-2 col-lg-2 col-sm-4 col-xs-4">
							  				<div class="youxigeli">
								  				<img src="../images/index_73.png" />
								  				<p>刀塔大菠萝</p>
							  				</div>
							  			</div>
							  			<!--<div class="col-md-2">
							  				<div class="youxigeli">
								  				<img src="../images/index_73.png" />
								  				<p>刀塔大菠萝</p>
							  				</div>
							  				可以自动分行也可以写row
							  			</div>-->
							  		</div>
							  		<div class="row">
							  			<div class="col-md-2 col-lg-2 col-sm-4 col-xs-4">
							  				<div class="youxigeli">
								  				<img src="../images/index_81.png" />
								  				<p>轰三国</p>
							  				</div>
							  			</div>
							  			<div class="col-md-2 col-lg-2 col-sm-4 col-xs-4">
							  				<div class="youxigeli">
								  				<img src="../images/index_82.png" />
								  				<p>迷你猎人</p>
							  				</div>
							  			</div>
							  			<div class="col-md-2 col-lg-2 col-sm-4 col-xs-4">
							  				<div class="youxigeli">
								  				<img src="../images/index_83.png" />
								  				<p>萌挂三国</p>
							  				</div>
							  			</div>
							  			<div class="col-md-2 col-lg-2 col-sm-4 col-xs-4">
							  				<div class="youxigeli">
								  				<img src="../images/index_84.png" />
								  				<p>守塔三国</p>
							  				</div>
							  			</div>
							  			<div class="col-md-2 col-lg-2 col-sm-4 col-xs-4">
							  				<div class="youxigeli">
								  				<img src="../images/index_85.png" />
								  				<p>英雄争霸</p>
							  				</div>
							  			</div>
							  			<div class="col-md-2 col-lg-2 col-sm-4 col-xs-4">
							  				<div class="youxigeli">
								  				<img src="../images/index_86.png" />
								  				<p>战争之门</p>
							  				</div>
							  			</div>
							  		</div>
							  	</div>
							</div>
						</div>
					</div>
					<div class="hezuohuoban wow slideInLeft">
						<div class="container">
							<div class="row hb_tit">
							  	<div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
							  		<span>合作伙伴</span>
							  		<label>(排名不分先后)</label>
							  	</div>
							</div>
							<div class="row hb_cont">
								<div class="col-md-2 col-lg-2 col-sm-4 col-xs-4">
									<div class="huobandiv">
										<img src="../images/index_95.png" />
									</div>
								</div>
								<div class="col-md-2 col-lg-2 col-sm-4 col-xs-4">
									<div class="huobandiv">
										<img src="../images/index_97.png" />
									</div>
								</div>
								<div class="col-md-2 col-lg-2 col-sm-4 col-xs-4">
									<div class="huobandiv">
										<img src="../images/index_99.png" />
									</div>
								</div>
								<div class="col-md-2 col-lg-2 col-sm-4 col-xs-4">
									<div class="huobandiv">
										<img src="../images/index_101.png" />
									</div>
								</div>
								<div class="col-md-2 col-lg-2 col-sm-4 col-xs-4">
									<div class="huobandiv">
										<img src="../images/index_103.png" />
									</div>
								</div>
								<div class="col-md-2 col-lg-2 col-sm-4 col-xs-4">
									<div class="huobandiv">
										<img src="../images/index_105.png" />
									</div>
								</div>
							</div>
							<div class="row hb_cont">
								<div class="col-md-2 col-lg-2 col-sm-4 col-xs-4">
									<div class="huobandiv">
										<img src="../images/index_113.png" />
									</div>
								</div>
								<div class="col-md-2 col-lg-2 col-sm-4 col-xs-4">
									<div class="huobandiv">
										<img src="../images/index_114.png" />
									</div>
								</div>
								<div class="col-md-2  col-lg-2 col-sm-4 col-xs-4">
									<div class="huobandiv">
										<img src="../images/index_116.png" />
									</div>
								</div>
								<div class="col-md-2  col-lg-2 col-sm-4 col-xs-4">
									<div class="huobandiv">
										<img src="../images/index_117.png" />
									</div>
								</div>
								<div class="col-md-2 col-lg-2 col-sm-4 col-xs-4">
									<div class="huobandiv">
										<img src="../images/index_118.png" />
									</div>
								</div>
								<div class="col-md-2 col-lg-2 col-sm-4 col-xs-4">
									<div class="huobandiv">
										<img src="../images/index_119.png" />
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<!--尾部-->
			<footer>
				<div class="footer wow slideInLeft">
					<div class="container">
					<div class="footer-left fl">
						<div class="lianjie">
							<ul>
								<li>公司简介</li>
								<li>联系方式</li>
								<li>人才招聘</li>
							</ul>
						</div>
						<div class="beian">
							<p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1</p>
						</div>
					</div>
					<div class="footer-right fr">
						<div class="lianxi-qq">
							<img src="../images/index_131.png" />
						</div>
						<div class="lianxi-weixin">
							<img src="../images/index_129.png" />
							<img src="../images/erweima_121.png" />
						</div>
						<div class="lianxi-email">
							<img src="../images/index_127.png" />
						</div>
					</div>
					</div>
				</div>
			</footer>
		</div>
	</body>
	<script type="text/javascript">
		$('label,span,p').addClass('wow slideInDown').attr({
			'data-wow-duration':'2000ms',
			'data-wow-delay':'500ms'
			//需要加单位
			//对span无效
		});
		new WOW().init();
	</script>
</html>